<template>
    <div class="divide-title">
        <div class="divide-title-icon title-icon-left"> <van-image :src="left" /></div>
        <div class="divide-title-text"> <van-image :src="title" /></div>
        <div class="divide-title-icon title-icon-right"><van-image :src="right" /></div>
    </div>
</template>

<script setup>
import title from '@image/DivideTitle/title.png'
import left from '@image/DivideTitle/left.png'
import right from '@image/DivideTitle/right.png'

</script>

<style lang="scss" scoped>
.divide-title{
    height: 80px;background: url("../../assets/Image/DivideTitle/bg.png") no-repeat;background-position: center;background-size: 324px 65px;display: flex;
}
.divide-title-text{width: 167px;height: 53px;margin-top: 26px;}
.divide-title-icon{flex: 1; padding: 0 20px; vertical-align: middle;margin-top: 34px;}
.title-icon-left{text-align: right;}
</style>